<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.List"%>
<%@ page import="hmg.vo.BoardVO"%>
<%--
    JSP Name : jspName.jsp
    Description : 설명을 기술합니다.
    author Kim hyung soo
    since 2012. 10. 10.
    version 1.0
    Modification Information
       since          author              description
    ===========    =============    ===========================
    2012. 10. 10.     Kim hyung soo     최초 생성
--%>
<%
    List<BoardVO> actList = (List<BoardVO>) request.getAttribute("ActList");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>사회공헌 서브메인 | 현대자동차그룹</title>
<meta name="description" content="현대자동차그룹 사회공헌 슬로건, 주요사업, 4대무브, 사업소개 및 부문별 활동 소개" />
<meta name="keywords" content="현대자동차그룹 사회공헌, 현대차그룹 사회공헌, 사회공헌" />
<%@ include file="/WEB-INF/jsp/web/kor/include/header.jspf" %>
<script type="text/javascript" src="/hmg/js/web/kor/com/jquery.easing.1.3.js"></script>
</head>
<body>
    <!--wrap-->
    <div id="wrap">
        <!-- skip navigation -->
        <div id="skipnavition">
            <a href="#gnb">메뉴바로가기</a><a href="#content">본문바로가기</a>
        </div>
        <!--// skip navigation -->

        <hr />

        <!-- header-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/left.jspf" %>
        <!--//header-->

        <hr />

        <!--container-->
        <div id="container">
            <div class="scroll-pane">
            <!-- 공통 -->
            <div class="subTitle">
                <div class="pageTitle">
                    <h2><img src="/hmg/images/web/kor/title/contibute_subMain.gif" alt="사회공헌" /></h2>
                    <p class="subCopy"><img src="/hmg/images/web/kor/title/contibute_subMain_desc.gif" alt="나눔과 공감으로 함께 가는 길을 만듭니다" /></p>
                </div>

                <div class="pageLocation">
                    <ul>
                        <li><a href="/hmg/web/kor/Main.do"><img src="/hmg/images/web/kor/common/location_home.gif" alt="홈"/></a></li>
                        <li class="nowPage"><a href="/hmg/web/kor/cbt/ContributeSubMain.do">사회공헌</a></li>
                    </ul>
                </div>
            </div>
            <!--//공통-->

            <!--contents-->
            <div id="content">
            <!-- 내용 -->
            <div class="contribute_subMain">

                <p class="mainVisual"><img src="/hmg/images/web/kor/cbt/submain/subMain_img01.jpg" alt="나눔과 공감으로 함께 가는 길을 만듭니다" /></p>

                <div class="subMain_contents">
                    <div class="move">
                        <h3><img src="/hmg/images/web/kor/cbt/submain/subMain_title01.gif" alt="4대무브" /></h3>
                        <p class="visual"><img src="/hmg/images/web/kor/cbt/submain/subMain_img02.jpg" alt="더 쉽고, 안전하고, 행복하고, 지속가능한 세상을 향합니다!" /></p>
                        <p class="moreView"><a href="/hmg/web/kor/cbt/mov/Easymove.do"><img src="/hmg/images/web/kor/common/btn_more_submain.gif" alt="4대무브 더보기" /></a></p>
                    </div>

                    <div class="slogan">
                        <h3><img src="/hmg/images/web/kor/cbt/submain/subMain_title02.gif" alt="슬로건/주요사업" /></h3>
                        <p class="visual"><img src="/hmg/images/web/kor/cbt/submain/subMain_img03.jpg" alt="함께 움직이는 세상 HYUNDAI" /></p>
                        <p class="moreView"><a href="/hmg/web/kor/cbt/smy/Slogan.do"><img src="/hmg/images/web/kor/common/btn_more_submain.gif" alt="슬로건/주요사업 더보기" /></a></p>
                    </div>

                    <div class="story">
                        <h3><img src="/hmg/images/web/kor/cbt/submain/subMain_title03.gif" alt="사회공헌 스토리" /></h3>
<%
    for (int idx = 0; idx < actList.size(); idx++) {
        BoardVO act = actList.get(idx);

        if (idx + 1 < actList.size())
            out.println("                                <dl>");
        else
            out.println("                                <dl class=\"last\">");
%>
                            <dt><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= act.getListID() %>&compType=0&page=1"><%= act.getCompName() %></a></dt>
                            <dd class="text"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= act.getListID() %>&compType=0&page=1"><%= act.getTitle() %></a></dd>
                            <dd class="image"><a href="/hmg/web/kor/cbt/pst/PostscriptView.do?listID=<%= act.getListID() %>&compType=0&page=1"><img src="<%= act.getThumbnailImage() %>" width="178" height="108" border="0" alt="" /></a></dd>
                        </dl>
<%  } %>
                        <p class="moreView"><a href="/hmg/web/kor/cbt/pst/PostscriptList.do"><img src="/hmg/images/web/kor/common/btn_more_submain.gif" alt="사회공헌 스토리 더보기" /></a></p>
                    </div>

                    <div class="act">
                        <h3><img src="/hmg/images/web/kor/cbt/submain/subMain_title04.gif" alt="7대부문별 활동" /></h3>
                        <ul>
                            <li class="act_list01"><a href="/hmg/web/kor/cbt/act/smy/Welfare.do">사회복지</a></li>
                            <li class="act_list02"><a href="/hmg/web/kor/cbt/act/smy/Medical.do">의료보건</a></li>
                            <li class="act_list03"><a href="/hmg/web/kor/cbt/act/smy/Education.do">교육·학술연구</a></li>
                            <li class="act_list04"><a href="/hmg/web/kor/cbt/act/smy/Culture.do">문화예술·체육</a></li>
                            <li class="act_list05"><a href="/hmg/web/kor/cbt/act/smy/Environment.do">환경</a></li>
                            <li class="act_list06"><a href="/hmg/web/kor/cbt/act/smy/Emergency.do">응급·재난구호</a></li>
                            <li class="act_list07 last"><a href="/hmg/web/kor/cbt/act/smy/International.do">국제활동</a></li>
                        </ul>
                        <p class="moreView"><a href="/hmg/web/kor/cbt/act/nws/ActivityList.do"><img src="/hmg/images/web/kor/common/btn_more_submain.gif" alt="7대부문별 활동 더보기" /></a></p>
                    </div>

                    <div class="sportsWrap">
                        <div class="left">
                            <p><a href="/hmg/web/kor/cbt/dst/Distribute.do"><img src="/hmg/images/web/kor/cbt/submain/subMain-distribute.jpg" alt="나눔의 결실 - 다시 나누는 사회공헌의 실적들을 담았습니다." /></a></p>
                        </div>
                        <div class="right">
                            <p><a href="/hmg/web/kor/cbt/spt/SportsSupport.do"><img src="/hmg/images/web/kor/cbt/submain/subMain-support.jpg" alt="스포츠후원 - 다시나는 사회공헌의 실덕들을 담았습니다." /></a></p>
                        </div>
                    </div>
                </div>

            </div>
            <!--// 내용 -->
            </div>
            <!--//contents-->
            </div>
        </div>
        <!--//container-->

        <hr />

        <!--footer-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/footer.jspf" %>
        <!--//footer-->
        <hr />
        <!--notice-->
        <%@ include file="/WEB-INF/jsp/web/kor/include/notice.jspf" %>
        <!--//notice-->
    </div>
    <!--//wrap-->
</body>
</html>